<template>
	<div class="periodWrapper" @mouseup="downEnter=false">
		<ulOption btn-text="周一至周五" :initData="workday"  @change="timeTemChange15"></ulOption>
		<ulOption btn-text="周六至周日" :initData="weekend"  @change="timeTemChange67"></ulOption>
		<div class="clearfix s_fc_9" style="margin-right: 2%; margin-left: 1%; " >
	        <a href="javascript:;" class="btn mr10 fl" style="float: left; "  id="mx_n_42" @click="empty" >
	        	<n3-icon type="trash-o" style="margin-right: 10px;"></n3-icon>清空</a>
	        <span class="fr" style="float: right; ">蓝色为已选投放时段</span>
	    </div>
		<div style="margin-top: 20px; margin-left: 10px;">
			<a href="javascript:;" v-show="!orSaveTem" class="n3-btn n3-btn-primary" @click="orSaveTem=true">保存为模板</a>
		    <input type="text" placeholder="模板名" v-model="data.name" v-show="orSaveTem"  />
		    <a href="javascript:;" v-show="orSaveTem" @click="saveTimeTem()">
		    	<n3-icon type="check" size ="20px"  color="#4d7fff"></n3-icon>
		    </a>
		    <a href="javascript:;" v-show="orSaveTem" @click="orSaveTem=false" >
		    	<n3-icon type="times" size ="20px"color="#cccccc"></n3-icon>
		    </a>
		</div>
	</div>
</template>
<style src="./style.css" scoped lang="less"></style>
<script src="./script.js"></script>